<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="struts" uri="/struts-tags" %>
<html>
<head>
    <title>查看主题：${topic.title}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script language="javascript" src="${pageContext.request.contextPath}/OfficeAuto/script/jquery.js"></script>
    <script language="javascript" src="${pageContext.request.contextPath}/OfficeAuto/script/pageCommon.js"
            charset="utf-8"></script>
    <script language="javascript" src="${pageContext.request.contextPath}/OfficeAuto/script/PageUtils.js"
            charset="utf-8"></script>
    <script language="javascript"
            src="${pageContext.request.contextPath}/OfficeAuto/script/ckeditor_4.2.1_full/ckeditor/ckeditor.js"></script>
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/OfficeAuto/script/ckeditor_4.2.1_full/ckeditor/samples/sample.css">
    <link type="text/css" rel="stylesheet"
          href="${pageContext.request.contextPath}/OfficeAuto/style/blue/pageCommon.css"/>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/OfficeAuto/style/blue/forum.css"/>
    <script language="javascript" src="${pageContext.request.contextPath}/OfficeAuto/script/fckeditor/fckeditor.js"
            charset="utf-8"></script>
    <script type="text/javascript">
        CKEDITOR.replace('editor1', {
            uiColor: '#14B8C4',
            toolbar: [
                ['bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],
                ['FontSize', 'TextColor', 'BGColor']
            ]
        });
    </script>
</head>
<body>

<!-- 标题显示 -->
<div id="Title_bar">
    <div id="Title_bar_Head">
        <div id="Title_Head"></div>
        <div id="Title"><!--页面标题-->
            <img border="0" width="13" height="13"
                 src="${pageContext.request.contextPath}/OfficeAuto/style/images/title_arrow.gif"/> 查看主题
        </div>
        <div id="Title_End"></div>
    </div>
</div>

<!--内容显示-->
<div id="MainArea">
    <div id="PageHead"></div>
    <center>
        <div class="ItemBlock_Title1" style="width: 98%">
            <font class="MenuPoint"> &gt; </font>
            <struts:a href="topic_findAll!findAll.do">论坛</struts:a>
            <font class="MenuPoint"> &gt; </font>
            <struts:a href="topic_Show!Show.do?id=%{topic.forum.id}">${topic.forum.name}</struts:a>
            <font class="MenuPoint"> &gt;&gt; </font>
            ${topic.title}
            <span style="margin-left:30px;"><a href="saveUI.jsp">
				<img align="absmiddle"
                     src="${pageContext.request.contextPath}/OfficeAuto/style/blue/images/button/publishNewTopic.png"/></a>
			</span>
        </div>

        <div class="ForumPageTableBorder dataContainer" datakey="replyList">

            <!--显示主题标题等-->
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr valign="bottom">
                    <td width="3" class="ForumPageTableTitleLeft">&nbsp;</td>
                    <td class="ForumPageTableTitle"><b>本帖主题：${topic.title}</b></td>
                    <td class="ForumPageTableTitle" align="right" style="padding-right:12px;">
                        <a class="detail" href="${pageContext.request.contextPath}/OfficeAuto/BBS_Reply/saveUI.jsp"><img
                                border="0" src="${pageContext.request.contextPath}/OfficeAuto/style/images/reply.gif"/>回复</a>
                        <struts:a href="topic_MoveUi!MoveUi.do?id=%{id}"><img border="0"
                                                                              src="${pageContext.request.contextPath}/OfficeAuto/style/images/edit.gif"/>移动到其他版块</struts:a>
                        <struts:a href="topic_setType!setType.do?type=1&id=%{id}"
                                  onClick="return confirm('要把本主题设为精华吗？')"><img border="0"
                                                                               src="${pageContext.request.contextPath}/OfficeAuto/style/images/forum_hot.gif"/>精华</struts:a>
                        <struts:a href="topic_setType!setType.do?type=2&id=%{id}"
                                  onClick="return confirm('要把本主题设为置顶吗？')"><img border="0"
                                                                               src="${pageContext.request.contextPath}/OfficeAuto/style/images/forum_top.gif"/>置顶</struts:a>
                        <struts:a href="topic_setType!setType.do?type=0&id=%{id}"
                                  onClick="return confirm('要把本主题设为普通吗？')"><img border="0"
                                                                               src="${pageContext.request.contextPath}/OfficeAuto/style/images/forum_comm.gif"/>普通</struts:a>
                    </td>
                    <td width="3" class="ForumPageTableTitleRight">&nbsp;</td>
                </tr>
                <tr height="1" class="ForumPageTableTitleLine">
                    <td colspan="4"></td>
                </tr>
            </table>

            <struts:if test="currentPage==1">
                <!-- ~~~~~~~~~~~~~~~ 显示主帖 ~~~~~~~~~~~~~~~ -->
                <div class="ListArea">
                    <table border="0" cellpadding="0" cellspacing="1" width="100%">

                        <tr>
                            <td rowspan="3" width="130" class="PhotoArea" align="center" valign="top">
                                <!--作者头像-->
                                <div class="AuthorPhoto">
                                    <img border="0" width="110" height="110"
                                         src="${pageContext.request.contextPath}/OfficeAuto/style/images/defaultAvatar.gif"
                                         onerror="this.onerror=null; this.src='${pageContext.request.contextPath}/OfficeAuto/style/images/defaultAvatar.gif';"/>
                                </div>
                                <!--作者名称-->
                                <div class="AuthorName">${topic.author.name}</div>
                            </td>
                            <td align="center">
                                <ul class="TopicFunc">
                                    <!--操作列表-->
                                    <li class="TopicFuncLi">
                                        <a class="detail" href="saveUI.jsp"><img border="0"
                                                                                 src="${pageContext.request.contextPath}/OfficeAuto/style/images/edit.gif"/>编辑</a>
                                        <a class="detail" href="reply_delete!delete.do?id=%{id}"
                                           onClick="return confirm('确定要删除本帖吗？')"><img border="0"
                                                                                      src="${pageContext.request.contextPath}/OfficeAuto/style/images/delete.gif"/>删除</a>
                                    </li>
                                    <!-- 文章表情与标题 -->
                                    <li class="TopicSubject">
                                        <img width="19" height="19"
                                             src="${pageContext.request.contextPath}/OfficeAuto/style/images/face/face1.gif"/>
                                            ${title}
                                    </li>
                                </ul>
                            </td>
                        </tr>
                        <tr><!-- 文章内容 -->
                            <td valign="top" align="center">
                                <div class="Content">${topic.content}</div>
                            </td>
                        </tr>
                        <tr><!--显示楼层等信息-->
                            <td class="Footer" height="28" align="center" valign="bottom">
                                <ul style="margin: 0px; width: 98%;">
                                    <li style="float: left; line-height:18px;"><font color=#C30000>[楼主]</font>
                                        2007-08-17 15:18
                                    </li>
                                    <li style="float: right;"><a href="javascript:scroll(0,0)">
                                        <img border="0"
                                             src="${pageContext.request.contextPath}/OfficeAuto/style/images/top.gif"/></a>
                                    </li>
                                </ul>
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- ~~~~~~~~~~~~~~~ 显示主帖结束 ~~~~~~~~~~~~~~~ -->
            </struts:if>

            <!-- ~~~~~~~~~~~~~~~ 显示回复列表 ~~~~~~~~~~~~~~~ -->
            <div class="ListArea template">
                <struts:iterator value="recordList">
                    <table border="0" cellpadding="0" cellspacing="1" width="100%">
                        <tr>
                            <td rowspan="3" width="130" class="PhotoArea" align="center" valign="top">
                                <!--作者头像-->
                                <div class="AuthorPhoto">
                                    <img border="0" width="110" height="110"
                                         src="${pageContext.request.contextPath}/OfficeAuto/style/images/defaultAvatar.gif"
                                         onerror="this.onerror=null; this.src='${pageContext.request.contextPath}/OfficeAuto/style/images/defaultAvatar.gif';"/>
                                </div>
                                <!--作者名称-->
                                <div class="AuthorName">${author.name}</div>
                            </td>
                            <td align="center">
                                <ul class="TopicFunc">
                                    <!--操作列表-->
                                    <li class="TopicFuncLi">
                                        <a class="detail" href="saveUI.jsp"><img border="0"
                                                                                 src="${pageContext.request.contextPath}/OfficeAuto/style/images/edit.gif"/>编辑</a>
                                        <struts:a class="detail" href="reply_delete!delete.do?id=%{id}"
                                                  onClick="return window.confirm('确定要删除本帖吗？')"><img border="0"
                                                                                                    src="${pageContext.request.contextPath}/OfficeAuto/style/images/delete.gif"/>删除</struts:a>
                                    </li>

                                    </li><!-- 文章表情与标题 -->
                                    <li class="TopicSubject">
                                            ${topic.title}
                                </ul>
                            </td>
                        </tr>
                        <tr><!-- 文章内容 -->
                            <td valign="top" align="center">
                                <div class="Content">${content}</div>
                            </td>
                        </tr>
                        <tr><!--显示楼层等信息-->
                            <td class="Footer" height="28" align="center" valign="bottom">
                                <ul style="margin: 0px; width: 98%;">
                                    <li style="float: left; line-height:18px;"><font color=#C30000>[${id}楼]</font>
                                        2007-08-17 15:18
                                    </li>
                                    <li style="float: right;"><a href="javascript:scroll(0,0)">
                                        <img border="0"
                                             src="${pageContext.request.contextPath}/OfficeAuto/style/images/top.gif"/></a>
                                    </li>
                                </ul>
                            </td>
                        </tr>
                    </table>
                </struts:iterator>
            </div>
            <!-- ~~~~~~~~~~~~~~~ 显示回复列表结束 ~~~~~~~~~~~~~~~ -->
        </div>

        <!--分页信息-->
        <%@include file="page.jsp"%>
        <%--利用form表单提交数据--%>
        <struts:form id="pageForm" action="topic_Reply!Reply.do" theme="simple">
            <struts:hidden name="id"></struts:hidden>
        </struts:form>
        <br/>
        <div class="ForumPageTableBorder" style="margin-top: 25px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr valign="bottom">
                    <td width="3" class="ForumPageTableTitleLeft">&nbsp;</td>
                    <td class="ForumPageTableTitle"><b>快速回复</b></td>
                    <td width="3" class="ForumPageTableTitleRight">&nbsp;</td>
                </tr>
                <tr height="1" class="ForumPageTableTitleLine">
                    <td colspan="3"></td>
                </tr>
            </table>
        </div>
    </center>

    <!--快速回复-->
    <div class="QuictReply">
        <struts:form action="reply_add!add.do?id=%{id}" method="POST" theme="simple">
            <div style="padding-left: 3px;">
                <table border="0" cellspacing="1" width="98%" cellpadding="5" class="TableStyle">
                    <tr class="Tint" height="200">
                        <td valign="top" rowspan="2" class="Deep"><b>内容</b></td>
                        <td>
						<textarea class="ckeditor" id="editor1"
                                  name="content" cols="100" rows="10">
							请输入要回复的内容
						</textarea>
                        </td>
                            <%--<td><struts:textarea class="ckeditor" id="editor1" name="editor1" cols="100" rows="10">
                                请输入你要回复的内容
                            </struts:textarea>
                            </td>--%>
                    </tr>
                    <tr height="30" class="Tint">
                        <td class="no_color_bg" colspan="2" align="center">
                            <input type="image"
                                   src="${pageContext.request.contextPath}/OfficeAuto/style/blue/images/button/submit.PNG"
                                   style="margin-right:15px;"/>
                        </td>
                    </tr>
                </table>
            </div>
        </struts:form>
    </div>
</div>

<div class="Description">
    说明：<br/>
    1，主帖只在第一页显示。<br/>
    2，只有是管理员才可以进行“移动”、“编辑”、“删除”、“精华”、“置顶”的操作。<br/>
    3，删除主帖，就会删除所有的跟帖（回复）。<br/>
</div>

</body>
</html>
